﻿<%@ Page Title="" Language="VB" MasterPageFile="~/MainMasterPage.master" AutoEventWireup="false" CodeFile="index.aspx.vb" Inherits="TrangChu" %>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolderMeta" Runat="Server">
    <meta content="<%=WebConfigServer.GetValueWebConfigByKey("web_des")%>" name="description">
<meta content="<%=WebConfigServer.GetValueWebConfigByKey("web_des")%>" name="content">
<meta content="<%=WebConfigServer.GetValueWebConfigByKey("web_key")%>" name="keywords">
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style>
    #jqm-header-index {
          background-color:white;
          border:8px solid #33A544;
          border-left-width: 0;
            border-right-width: 0;
            height: 55px;
       }
       #jqm-footer-index {
           border-left-width: 0;
            border-right-width: 0;
            height: 86px;
       }
       #jqm-footer-index .ui-title  {
           margin-top:30px;
       }

       #wrapper-page div.jqm-content.ui-content {
           padding-bottom:90px;
       }
</style>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolderTitle" Runat="Server">
    <div><a class="ui-link" data-ajax="false" href="<%=Util.GetConfigKey("RootURl")%>/trang-chu.html">
            <img  height="50" src="http://www.khachsan24gio.vn/Contents/Images/logo.png" alt="KhachSan24Gio"/>
            </a>
        <div style="margin-top:-13px; color:black; font-size:10px;text-shadow:none;"><b>Bạn Đi Xa Chúng Tôi Là Nhà</b> </div>
    </div>
  
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     
    <input id="hdIDTinhThanhSelected" class="hdIDTinhThanhSelected" runat="server"   type="hidden" />
    <input id="ArrivalDate" class="ArrivalDate"  runat="server" clientidmode="Static"  type="hidden" />
    <input id="DepartureDate" class="DepartureDate"  runat="server" clientidmode="Static"  type="hidden" />
    <input id="Guests" class="Guests" value="1"  runat="server" clientidmode="Static"  type="hidden" />
    <input id="Rooms" class="Rooms" value="1"  runat="server" clientidmode="Static"  type="hidden" />
    <input id="hdNameCity" class="hdNameCity"  runat="server" clientidmode="Static"  type="hidden" />
            <a class="ui-link" data-wrapperels="span" href="#search-city-page" data-transition="slide" data-inline="true">
                <div class="gradient-gray city-section">
                    <img width="40" height="40" src="Images/city.png" alt=""/>
                    <div class="text1">
                        <div class="subtext1" id="txt_city" >[Xin chọn thành phố]</div>
                    </div>
                    <div class="nav-right ui-icon ui-icon-arrow-r ui-icon-shadow" data-form="ui-icon">   </div>
                </div>
            </a>
            <div class="small-line"></div>
            <%-- Date --%>
            <div id="divDateTime" class="date-section">
                <div class="text1">
               <div class="subtext1">
                    <img width="17" height="17" src="Images/date.png" alt="">
                    <span>Nhận Phòng </span>
               </div>
                    <a class="ui-link" data-wrapperels="span" href="#select-date-check-in" data-transition="slide" data-inline="true">
                        <div id="divNhanPhong" runat="server" ClientIDMode ="Static" class="check-in divNhanPhong">

                        </div>
                    </a>
                    </div>
                <div class="text2">
                <div class="subtext1"> Trả Phòng</div>
                    <a class="ui-link" data-wrapperels="span" href="#select-date-check-out" data-transition="slide" data-inline="true">
                        <div id="divTraPhong" runat="server" ClientIDMode ="Static"  class="check-out divTraPhong">

                        </div>
                    </a>
                </div>
            </div>
            <div class="small-line"></div>
            <%-- Number Custommer  --%>
            <div id="divSLChonKhach">
                  <div class="customer-section">
                    <img width="40" height="40" src="Images/customer.png" alt="">
                      <div class="text1 ui-icon-nodisc">
                          <a id="decrease_customer" onclick="Decrease('customer-val',1,this,'#increase_customer');" class="ui-disabled" href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">Minus</a>
                          <label data-inline="true" for="" id="customer-val" id_server="Guests">1</label>
                          <a id="increase_customer" onclick="Increase('customer-val',20,this,'#decrease_customer');" href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">Plus</a>
                      </div>
                      <div class="text2"> Khách </div>
                   </div>
            </div>
            <div class="small-line"></div>
            <%-- Number Room  --%>
            <div id="divSLPhong">
                  <div class="room-section">
                    <img width="40" height="40" src="Images/bed-3.png" alt="">
                      <div class="text1 ui-icon-nodisc">
                          <a id="decrease_room" onclick="Decrease('room-val',1,this,'#increase_room');" class="ui-disabled" href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">Minus</a>
                          <label data-inline="true" for="" id="room-val" id_server="Rooms">1</label>
                          <a id="increase_room" onclick="Increase('room-val',20,this,'#decrease_room');" href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">Plus</a>
                      </div>
                      <div class="text2"> Phòng </div>
                  </div>
            </div>
            <div class="small-line"></div>
            <%-- button search  --%>
            <div id="divButtonearch">
                <div class="seach-button-section">
                 <asp:LinkButton  data-role="button" data-icon="arrow-r" data-theme="b" ID="lnkSearchTinhThanh" runat ="server"  ClientIDMode ="Static" 
                     OnClientClick ="return checkSubmit();"  Text="Tìm Khách Sạn" >
                </asp:LinkButton>
                    </div>
            </div>
    <div style="margin-left:auto; margin-right:auto;text-align:center;font-weight:bolder; font-size:14px; margin-top:20px;margin-bottom:80px;">
        <b>Hệ thống đặt phòng khách sạn giá tốt và uy tín nhất Việt Nam</b>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <%-- Search City Page --%>
    <div id="search-city-page" data-role="page" class="jqm-page jqm-demos-index">
        <% Response.Write(PublicLayout.GetHeader("<div style ='padding-top:6px;'><b>Chọn Thành Phố</b></div>"))%>
        <div data-role="content" class="jqm-content">
    <div>
    <%-- CONTENT --%>
    
         <div class="city-autocomplete-wrapper">
             <ul id="divListTinhThanhSearch"  runat="server" data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Tìm..." data-inset="true">
                <%--<div style ="padding:5px;">
                    <div id="divTinhThanhSelected_">dddd</div>
                </div>--%>
            </ul>
        </div>
        <div class="wrapperRightKSPB" >
            
        <div class="green RightTopic"> Phổ biến nhất!</div>
        <div id="divListTinhThanh"  runat="server">

        </div>
            
        </div>
    <%-- CONTENT --%>
    </div>
            
            </div>
        <% 
                Response.Write(PublicLayout.GetFooter())
                Response.Write(PublicLayout.GetMenu())
                %>
        </div>

    <%-- Date Box Check In --%>
    <div id="select-date-check-in" data-role="page" class="jqm-page jqm-demos-index">
        <% Response.Write(PublicLayout.GetHeader())%>
        <div data-role="content" class="jqm-content">
    <div>
    <%-- CONTENT --%>
<div class="my-checkin-date" data-options='{"mode":"calbox", "useSetButton":false, "useInline": true, "afterToday": true, "transition": "none"}' data-role="datebox" type="date" name="my-checkin-date" readonly="readonly"> </div>
    <%-- CONTENT --%>
    </div>
            </div>
        <% 
                Response.Write(PublicLayout.GetFooter())
                Response.Write(PublicLayout.GetMenu())
                %>
        </div>
    <%-- Date Box Check Out --%>
    <div id="select-date-check-out" data-role="page" class="jqm-page jqm-demos-index">
        <% Response.Write(PublicLayout.GetHeader())%>
        <div data-role="content" class="jqm-content">
    <div>
    <%-- CONTENT --%>
        <div id="checkout-datebox-cache" style="">
<div class="my-checkout-date" data-options='{"mode":"calbox", "useSetButton":false, "useInline": true, "afterToday": true, "transition": "none"}' data-role="datebox" type="date" name="my-checkout-date" readonly="readonly"> </div>
   </div>
             <%-- CONTENT --%>
    </div>
            </div>
        <% 
                Response.Write(PublicLayout.GetFooter())
                Response.Write(PublicLayout.GetMenu())
                %>
        </div>
   </asp:Content>
